<template>
    <div class="">
        <div class="nav_box">
            <router-link to="/">
                <div class="title1">应用介绍</div>
            </router-link>
            <router-link to="/showContainer">
                <div class="title2">产品展示</div>
            </router-link>
            <router-link to="/userS">
                <div class="title3">用户协议</div>
            </router-link>
        </div>
        <div class="container">
            本应用尊重并保护所有使用服务的用户个人隐私权。为了给您提供更准确、更及时的信息化服务，本应用会按照本用户使用协议和隐私政策的规定使用和披露您的个人信息。除本用户使用协议和隐私政策另有规定外，在未征得您事先许可的情况下，本应用不会将这些信息对外披露或向第三方提供。本应用会不时更新本用户协议和隐私政策。您在同意本协议及相关修改内容之时，即视为您已经同意全部内容。本用户使用协议和隐私政策属于本应用服务使用协议不可分割的一部分。
            <br />
            <br />
            第一条 适用范围
            <br />

            1. 在您登录本应用帐号时，您根据本应用要求提供的个人信息补充；
            <br />
            2.在您使用本应用的信息服务时，本应用将能够对您手机存储、电话、通讯录、日历等权限进行获取和应用；
            您了解并同意，以下信息不适用本用户使用协议和隐私政策：
            <br />
            3. 您在使用本应用平台提供的搜索服务时输入的关键字信息；
            <br />
            4. 本应用收集到的您在本应用发布的有关信息数据；
            <br />
            5. 违反法律规定或违反本应用规则行为及本应用已对您采取的措施。
            <br />
            <br />
            第二条 信息使用
            <br />
            1. 本应用不会向任何无关第三方提供、出售、出租、分享或交易您的个人信息，除非事先得到您的许可；
            <br />
            2.第三方和本应用（含本应用关联公司）为您提供的信息服务，在该服务结束后，其将被禁止访问包括其以前能够访问的所有信息和资料；
            <br />
            3.本应用亦不允许任何第三方收集、编辑、出售或者无偿传播您的个人信息。任何本应用平台用户如从事上述活动，一经发现，本应用有权立即终止与该用户的服务协议，并保留追究其法律责任的权利。
            <br />
            <br />
            第三条 信息披露 在如下情况下，本应用将依据您的个人意愿或法律的规定全部或部分的披露您的个人信息：
            <br />
            1. 经您事先同意，向第三方披露； <br />
            2. 根据法律的有关规定，向第三方或者行政、司法机构披露； <br />
            3. 如您出现违反中国有关法律、法规或者本应用协议或相关规则的情况，需要向第三方披露；
            <br />
            <br />
            第四条 信息存储
            <br />
            本应用收集的有关您的信息和资料将保存在美天易购服务器的本应用以及您使用过程中设备缓存上。
            <br />
            <br />第五条 Cookie的使用
            <br />
            1.在您未拒绝接受Cookies的情况下，本应用会在您的终端上设定或取用Cookies，以便您能登录或使用依赖于Cookies的本应用平台服务或功能。本应用使用Cookies可为您提供更加周到的信息化服务。
            <br />
            2.您有权选择接受或拒绝接受Cookies。但如果您选择拒绝接受Cookies，则您可能无法登录或使用依赖于Cookies的本应用服务。
            <br />
            3. 通过本应用所设Cookies所取得的有关信息，将适用本协议。
            <br />
            <br />
            第六条 信息安全
            <br />
            本应用的帐号均有安全保护功能，请妥善保管您的用户名及密码信息。本应用将通过对用户密码进行加密等安全措施确保您的信息不丢失，不被滥用和变造。
            请您妥善保护自己的个人信息。如您发现自己的个人信息泄露，尤其是本应用用户名及密码发生泄露，请您立即联络美天易购网络信息中心，以便本应用采取相应措施。
            <br />
            <br />
            第七条 本协议的更改
            美天易购保留随时修改本用户使用协议和隐私政策的权利。如作出更改，将通过App升级后首次登录时以弹窗的形式告知。
        </div>
    </div>
</template>

<script>
    export default {
        name: 'userS',
        data() {
            return {};
        },
        components: {},
        created() {},
        mounted() {},
        methods: {},
    };
</script>

<style lang="less" scoped>
    .container {
        width: 75%;
        margin: 30px auto;
        line-height: 2;
    }
    @keyframes animate {
        0%,
        40%,
        100% {
            transform: translateY(0);
        }

        20% {
            transform: translateY(-5px);
        }
    }
    .nav_box {
        width: 100%;
        height: 60px;
        line-height: 60px;
        color: #565050;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        a {
            width: 25%;
            color: #565050;

            text-align: center;
            text-decoration: none;
        }
        .title1 {
            width: 100%;
            font-size: 16px;
            text-align: center;
            &:hover {
                cursor: pointer;
                color: #ff5c45;
                animation: animate 2s ease-in-out infinite;
                animation-delay: calc(0.1s * var(--i));
                animation-play-state: running;
            }
        }
        .title2 {
            width: 100%;
            font-size: 16px;
            text-align: center;

            &:hover {
                cursor: pointer;
                color: #ff5c45;
                animation: animate 2s ease-in-out infinite;
                animation-delay: calc(0.1s * var(--i));
                animation-play-state: running;
            }
        }
        .title3 {
            width: 100%;
            font-size: 16px;
            text-align: center;
            color: #ff5c45;
            font-weight: 600;

            border-bottom: 2px solid #ff5c45;
            &:hover {
                cursor: pointer;
                color: #ff5c45;
                animation: animate 2s ease-in-out infinite;
                animation-delay: calc(0.1s * var(--i));
                animation-play-state: running;
            }
        }
    }
</style>
